import { InputNumber, Tooltip } from 'antd';

const SelectNum: React.FC<any> = (props: any) => {
  const { articlesNum, articlesNumTip, handleChange } = props;
  return (
    <div className="articleNumBox">
      <div className="articleNumTitle">选择生成的文章篇数</div>
      <div className="articleNumList">
        <div className="articleNumList-hd" style={{ width: 70 }}>
          {/* <Select
            defaultValue={articlesNum.current}
            style={{ width: 120 }}
            onChange={handleChange}
            options={[
              { value: 3, label: '10篇' },
              { value: 6, label: '20篇' },
              { value: 9, label: '30篇' },
            ]}
          /> */}
          <Tooltip
            defaultOpen={false}
            trigger={['hover']}
            color="blue"
            title="请输入1-99的整数"
            placement="topLeft"
          >
            <InputNumber
              min={1}
              precision={0}
              max={99}
              defaultValue={articlesNum.current}
              onChange={handleChange}
              style={{ width: 60 }}
            />
          </Tooltip>
        </div>
        <div className="articleNumList-bd">{articlesNumTip}</div>
      </div>
    </div>
  );
};
export default SelectNum;
